<?php /* Template name: Portfolio */ ?>  
<?php get_header(); ?>
	<!--grid_12 start here-->
	<div class="grid_12">
    <ul id="q_nav">
      <li><a href="index.html">home</a></li>
      <li><a href="#">/</a></li>
      <li><a href="#"  class="active">Portfolio</a></li>
    </ul>
    <div class="clear"></div>
    <hr />
  </div>
  <!--grid_12 end here-->
  <div class="clear"></div>
  
  <!--grid_12 start here-->
  <div class="grid_12"> 
    
    <!--main_heading start here-->
    <div class="main_heading">
      <h2>One company, <font class="pink">an awesome team</font>, tremendiously serving
        hundreds of satisfied clients, around the globe.</h2>
    </div>
    <!--main_heading end here--> 
    
  </div>
  <!--grid_12 end here--> 
  
  <!--grid_9 start here-->
  <div class="grid_12">
    <div id="main">
      <ul id="filtering-nav">
        <li><a class="interactive" href="#interactive">Interactive</a></li>
        <li><a class="identity" href="#identity">Identity</a></li>
        <li><a class="motion" href="#motion">Motion</a></li>
        <li><a class="print" href="#print">Print</a></li>
        <li><a class="photography" href="#photography">Photography</a></li>
        <li><a class="all" href="#all">All</a></li>
      </ul>
      <div class="clear"></div>
      <div class="wrap_page columns_2"> <!-- masonry and filter wrapper -->
        
        <div class="portfolio_box interactive">
			<div class="wrap_image"> 
				<blockquote class="portfolio_box_content">
					<?php echo lhabiz_get_convertTags('He did a [GREAT] job! <br>It wasn\'t on deadline, but he had personal things happen. <br>He was very [friendly and communication was great]. <br>I\'d hire him again for sure! '); ?>
					<!-- <cite>Client</cite> -->
				</blockquote>
				<a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_07.jpg" title="Single Image">view project</a> 
			</div>
			<!-- end wrap_image div --> 
        </div>
        <!-- end portfolio_box div -->
        
        <div class="portfolio_box identity" >
          <div class="wrap_image"> <img src="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_02.jpg" alt="Big Image"/> <a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_02.jpg" title="Single Image">view image</a> </div>
          <!-- end wrap_image div --> 
          
        </div>
        <!-- end portfolio_box div -->
        
        <div class="portfolio_box motion nomarginright" >
          <div class="wrap_image"> <img src="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_03.jpg" alt="Motion" /> <a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_03.jpg">view image</a> </div>
          <!-- end wrap_image div --> 
          
        </div>
        <!-- end portfolio_box div -->
        
        <div class="portfolio_box print">
          <div class="wrap_image"> <img src="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_04.jpg" alt="Big Image" /> <a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_04.jpg" title="Single Image">view image</a> </div>
          <!-- end wrap_image div --> 
          
        </div>
        <!-- end portfolio_box div -->
        
        <div class="portfolio_box photography">
          <div class="wrap_image"> <img src="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_05.jpg" alt="Big Image"/> <a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_05.jpg" title="Single Image">view image</a> </div>
          <!-- end wrap_image div --> 
          
        </div>
        <!-- end portfolio_box div -->
        
        <div class="portfolio_box motion nomarginright" >
          <div class="wrap_image"> <img src="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_06.jpg" alt="Motion" /> <a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_06.jpg">view image</a> </div>
          <!-- end wrap_image div --> 
          
        </div>
        <div class="portfolio_box interactive">
          <div class="wrap_image"> <img src="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_07.jpg" alt="Big Image"/> <a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_07.jpg" title="Single Image">view image</a> </div>
          <!-- end wrap_image div --> 
          
        </div>
        <!-- end portfolio_box div -->
        
        <div class="portfolio_box identity" >
          <div class="wrap_image"> <img src="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_02.jpg" alt="Big Image"/> <a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_02.jpg" title="Single Image">view image</a> </div>
          <!-- end wrap_image div --> 
          
        </div>
        <!-- end portfolio_box div -->
        
        <div class="portfolio_box motion nomarginright" >
          <div class="wrap_image"> <img src="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_03.jpg" alt="Motion" /> <a class="over_image" rel="fancyzoom" href="<?php echo get_template_directory_uri(); ?>/images/portfolio_2_col/gal_2_col_03.jpg">view image</a> </div>
          <!-- end wrap_image div --> 
          
        </div>
        <!-- end portfolio_box div --> 
        
      </div>
      <!-- end wrap_page column_2 div --> 
      
    </div>
    <!-- end wrap_page column_2 div --> 
    
  </div>
  <!--grid_9 end here-->
  
  <ul id="pagination" class="align-left">
    <li><b>Page 1 of 39</b> &nbsp; &nbsp;</li>
    <li class="pag_current"><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">Last Page</a></li>
  </ul>
  <div class="clear"></div>
  
<?php get_footer(); ?>